global-reset()

html
    text-size-adjust 100%
    -webkit-text-size-adjust 100%
    -moz-text-size-adjust 100%
    -ms-text-size-adjust 100%
    box-sizing border-box

html, body
    @media screen
        height 100%
  
body  
    zoom 1 
    background url(../images/body-bg.png) center no-repeat fixed 
    background-size cover
    text-rendering: optimizeLegibility
    -webkit-font-smoothing: antialiased
    -moz-osx-font-smoothing: grayscale
    overflow-x hidden
    touch-action: none; /* 禁用浏览器默认的触摸行为 */

#container
    width 100%
    height 100%
    display flex
    flex-direction column

.wrapper
    clearfix()
    @media screen
        max-width 100%
        margin 0 auto

.inner
    clearfix()
    @media screen
        padding 0 gutter-width

.hidden
    display none

.loading
    background url(../images/loading.svg) center no-repeat fixed

h1
    font-size 2em
    font-weight bold

p
    line-height 1.5